html {
	overflow-x: hidden;
}

a {
	color: #000000;
	text-decoration: none;
}
/* 地图API  CSS */
	#container {
			    height: 100%;
			    width: 100%;
			}
		
		    .amap-icon img{
		        width: 30px;
		        height: 39px;
		    }
@media screen and (min-width:1300px) {
	section {
		width: 80%;
		height: 100%;
		margin-top: 20px;
	}

	/* -----------上面的介绍----------- */
	#circuit-introduce {
		width: 100%;
		height: auto;
		height: 500px;
		margin-top: 20px;
	}

	#circuit-introduce>h1 {
		font-size: 25px;
		margin-top: 1%;
		margin-bottom: 1.5%;
	}

	/* 和标题分开的内容 */
	#circuit-content {
		width: 100%;
		height: 87%;
	}

	#circuit-pic,
	.contents {
		float: left;
		height: 100%;
	}

	#circuit-pic {
		width: 57%;
	}

	.contents {
		width: 40%;
		margin-left: 2%;
	}

	/* 图片 */
	.circuit-picture {
		width: 100%;
		height: 100%;
	}

	.short-p {
		height: 35px;
		line-height: 35px;
		display: inline;
		font-size: 13px;
	}

	.contents h4 {
		font-size: 17px;
		margin-top: 3%;
		margin-right: 2%;
		display: inline-block;
	}

	.contents p {
		margin-left: 7px;
		margin-top: 2%;
		line-height: 25px;
		color: #000000;
		font-size: 13px;
	}

	/* ---------------------地图 ---------------------*/
	.map_context_two {
		margin-top: 2%;
		width: 100%;
		height: 550px;
	}

	/* 最上面的线路地图 */
	.map-p {
		font-size: 16px;
		border-left: 3px solid #D43030;
		width: 80px;
		text-align: center;
		height: 30px;
		line-height: 30px;
		margin-bottom: 1%;
		margin-top: 1%;
	}

	/* 左侧地图 */
	#map-section {
		height: 89%;
		width: 60%;
		float: left;
	}

	.right_info {
		width: 35%;
		height: 89%;
		float: right;
	}

	.map-introduce {
		height: 20%;
	}

	.n {
		display: inline-block;
		width: 25px;
		height: 25px;
		border-radius: 50%;
		background-color: red;
		font-size: 15px;
		font-weight: 800;
	}

	.step {
		height: 25px;
		line-height: 25px;
		color: white;
		padding-left: 8PX;
	}

	.map-flow {
		margin-left: 40px;
	}

	.map-line {
		margin-left: 50px;
		font-size: 0;
		width: 4px;
		height: 74%;
		color: #fff;
		background-color: #9E9E9E;
		float: left;
	}

	.map-city {
		margin-left: 8px;
		font-size: 16px;
	}

	.week {
		margin-left: 25%;
		font-size: 16px;
	}

	.scenic {
		margin-top: 8px;
		width: 100%;
		margin-left: 75px;
	}

	.scenic-port {
		font-size: 13px;
		height: 20px;
	}

	/* /--------------------------------------------------- */
	.detail_context_three {
		width: 100%;
		height: 600px;
		margin-top: 2%;
	}

	/* 左侧的选择栏 */
	.detail_left {
		width: 23%;
		float: left;
		height: 100%;
	}

	/*----------- 右侧的内容------------ */
	.detail_right {
		width: 72%;
		float: right;
		height: 100%;
	}

	#historytravel {
		width: 100%;
		height: 8%;
		margin-top: 1%;
	}

	.menu-title {
		text-align: center;
	}

	.home,
	.menu-btn,
	#location img{
		display: inline-block;
		vertical-align: middle;
		width: 27px;
		height: 27px;
	}
	.travel {
		display: inline-block;
		line-height: 50px;
		font-size: 15px;
	}
	.menu-btn {
		margin-left: -5px;
	}
	
	/* 下面的li的内容 */
	#time-list {
		width: 100%;
		height: auto;
	}
	.times-list{
		margin-top: 1%;
	}
	.Traveltime {
		height: 100%;
		line-height: 40px;
		color: rgba(0, 0, 0, .65);
		padding-left: 30%;
		display: block;
	}
/*----------- 左侧的内容---------------- */
	img {
		display: inline-block;
	}

	#location {
		margin-top: 4%;
		float: left;
		width: 100%;
	}
	#Bigimg{
		float: left;
		width: 35%;
		height: 32%;
		margin-top: 2%;
		margin-left: 3%;
	}
	.bigimg {
		width: 100%;
		height: 82%;
		display: inline-block;
	}
	.img-introduce {
		display: block;
		text-align: center;
		margin-top: 2%;
		font-size: 17px;
	}
	
	/* 下面的列表 */
	#Tab-introduce {
		margin-top: 5%;
		width: 85%;
		height: auto;
		float: left;
		margin-left: 3%;
		font-weight: 800;
	}

	#table-list {
		color: rgba(0, 0, 0, .65);
		width: 100%;
		font-size: 13px;
		border: 2px solid #EDEDED;
	}
	#table-list th{
		font-size: 17px;
	}
	#table-list tr {
		height: 40px;
		line-height: 40px;
		text-align: center;
	}

	#table-list .tab-place {
		width: 140px;
	}
}

@media screen and (max-width:1299px) {
	section {
			width: 1200px;
			height: 100%;
			margin-top: 20px;
		}
	
		/* -----------上面的介绍----------- */
		#circuit-introduce {
			width: 100%;
			height: auto;
			height: 500px;
			margin-top: 20px;
		}
	
		#circuit-introduce>h1 {
			font-size: 22px;
			margin-top: 1%;
			margin-bottom: 1.5%;
		}
	
		/* 和标题分开的内容 */
		#circuit-content {
			width: 100%;
			height: 87%;
		}
	
		#circuit-pic,
		.contents {
			float: left;
			height: 100%;
		}
	
		#circuit-pic {
			width: 57%;
		}
	
		.contents {
			width: 40%;
			margin-left: 2%;
		}
	
		/* 图片 */
		.circuit-picture {
			width: 100%;
			height: 100%;
		}
	
		.short-p {
			height: 35px;
			line-height: 35px;
			display: inline;
		}
	
		.contents h4 {
			font-size: 16px;
			margin-top: 3%;
			margin-right: 2%;
			display: inline-block;
		}
	
		.contents p {
			margin-left: 7px;
			margin-top: 2%;
			line-height: 25px;
			color: #000000;
			font-size: 12px;
		}
	
		/* ---------------------地图 ---------------------*/
		.map_context_two {
			margin-top: 2%;
			width: 100%;
			height: 550px;
		}
	
		/* 最上面的线路地图 */
		.map-p {
			font-size: 15px;
			border-left: 3px solid #D43030;
			width: 80px;
			text-align: center;
			height: 26px;
			line-height: 30px;
			margin-bottom: 1%;
			margin-top: 1%;
		}
	
		/* 左侧地图 */
		#map-section {
			background-color: red;
			height: 89%;
			width: 60%;
			float: left;
		}
	
		.right_info {
			width: 35%;
			height: 89%;
			float: right;
		}
	
		.map-introduce {
			height: 20%;
		}
	
		.n {
			display: inline-block;
			width: 25px;
			height: 25px;
			border-radius: 50%;
			background-color: red;
			font-size: 14px;
			font-weight: 800;
		}
	
		.step {
			height: 25px;
			line-height: 25px;
			color: white;
			padding-left: 8PX;
		}
	
		.map-flow {
			margin-left: 40px;
		}
	
		.map-line {
			margin-left: 50px;
			font-size: 0;
			width: 4px;
			height: 74%;
			color: #fff;
			background-color: #9E9E9E;
			float: left;
		}
	
		.map-city {
			margin-left: 8px;
			font-size: 15px;
		}
	
		.week {
			margin-left: 25%;
		}
	
		.scenic {
			margin-top: 8px;
			width: 100%;
			margin-left: 75px;
		}
	
		.scenic-port {
			font-size: 12px;
			height: 20px;
		}
	
		/* /--------------------------------------------------- */
		.detail_context_three {
			width: 100%;
			height: 600px;
			margin-top: 2%;
		}
	
		/* 左侧的选择栏 */
		.detail_left {
			width: 23%;
			float: left;
			height: 100%;
		}
	
		/*----------- 右侧的内容------------ */
		.detail_right {
			width: 72%;
			float: right;
			height: 100%;
		}
	
		#historytravel {
			width: 100%;
			height: 8%;
			margin-top: 1%;
		}
	
		.menu-title {
			text-align: center;
		}
	
		.home,
		.menu-btn,
		#location img{
			display: inline-block;
			vertical-align: middle;
			width: 27px;
			height: 27px;
		}
		.travel {
			display: inline-block;
			line-height: 50px;
			font-size: 14px;
		}
		.menu-btn {
			margin-left: -5px;
		}
		
		/* 下面的li的内容 */
		#time-list {
			width: 100%;
			height: auto;
		}
		.times-list{
			margin-top: 1%;
		}
		.Traveltime {
			height: 100%;
			line-height: 40px;
			color: rgba(0, 0, 0, .65);
			padding-left: 30%;
			display: block;
		}
	/*----------- 左侧的内容---------------- */
		img {
			display: inline-block;
		}
	
		#location {
			margin-top: 4%;
			float: left;
			width: 100%;
		}
		#Bigimg{
			float: left;
			width: 35%;
			height: 32%;
			margin-top: 2%;
			margin-left: 3%;
		}
		.bigimg {
			width: 100%;
			height: 82%;
			display: inline-block;
		}
		.img-introduce {
			display: block;
			text-align: center;
			margin-top: 2%;
			font-size: 15px;
		}
		
		/* 下面的列表 */
		#Tab-introduce {
			margin-top: 5%;
			width: 85%;
			height: auto;
			float: left;
			margin-left: 3%;
			font-weight: 800;
		}
	
		#table-list {
			color: rgba(0, 0, 0, .65);
			width: 100%;
			font-size: 12px;
			border: 2px solid #EDEDED;
		}
		#table-list th{
			font-size: 15px;
		}
		#table-list tr {
			height: 40px;
			line-height: 40px;
			text-align: center;
		}
	
		#table-list .tab-place {
			width: 140px;
		}
}